<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h3>课程列表</h3>
<ul id="course">

</ul>


<script>

    //  发送异步请求 ajax  获取课程信息    /course/list   Json  轻量级的数据传输格式    目前主流的前后端交互数据格式
    var courses = ['Java','css','html','javaweb']

    // 获取父节点
    var ul = document.getElementById('course');

    //遍历数组
    // for (let i = 0; i < courses.length; i++) {
    //     // 创建一个li子节点
    //     var li = document.createElement('li');
    //     // 添加节点内容
    //     li.innerText = courses[i]   // <li>Java</li>
    //     // 追加子节点
    //     ul.appendChild(li)
    // }

    //lambda表达式   ()->{}
    // 箭头函数   ()=>{}
    courses.forEach(course=>{
        var li = document.createElement('li');
        li.innerText = course
        ul.appendChild(li)
    })





</script>

</body>
</html>